<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="true"%>
<%@ include file="/skin.jsp"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/jquery.js"></script>
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/language/cn.js"></script>
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/framework.js"></script>
<link href="<c:out value='${sessionScope.libs}'/>/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="<c:out value='${sessionScope.contextPath}'/>/"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->
<script src="<c:out value='${sessionScope.libs}'/>/thirdparty/highcharts/js/highcharts.js"></script>
<script>
	$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: '营养含量'
            },
            xAxis: {
                categories: ['苹果', '橙子', '梨', '葡萄', '香蕉']
            },
            yAxis: {
                min: 0,
                title: {
                    text: '营养含量'
                }
            },
            legend: {
                backgroundColor: '#FFFFFF',
                reversed: true
            },
            plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
                series: [{
                name: '维生素A',
                data: [5, 3, 4, 7, 2]
            }, {
                name: '维生素B',
                data: [2, 2, 3, 2, 1]
            }, {
                name: '维生素C',
                data: [3, 4, 4, 2, 5]
            }]
        });
    });
    
</script>
</head>
<body>

		<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

 
</body>
</html>